<!--
 * @Author: your name
 * @Date: 2021-08-19 23:04:18
 * @LastEditTime: 2021-08-20 20:15:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \系统学习\VueProject\vue02\supermall\src\views\cart\childComps\CartList.vue
-->
<template>
    <div class="cart-list">
        <scroll class="content" :probetype="3" ref="scroll">
           <cart-list-item v-for="(item,index) in cartList" :key="index" :product="item" />
        </scroll>
    </div>
</template>

<script>
import Scroll from 'components/common/scroll/Scroll'
import CartListItem from './CartListItem.vue'
import {mapGetters} from 'vuex'
export default {
    name:'CartList',
    components:{
        Scroll,
        CartListItem
    },
    computed:{
        ...mapGetters(['cartList'])
    },
    activated(){
        this.$refs.scroll.refresh()
    }
}
</script>

<style scoped>
    .cart-list{
        height: calc(100% - 44px - 49px - 40px);
    }
    .content{
        height: 100%;
        overflow: hidden;
    }
</style>
